<template>
  <div>
    <!-- 要缓存layout，相当于是缓存1级路由出口 -->
    <!-- 目前这样写相当于整个页面所有组件都缓存了，没必要 -->
    <!-- 所以只要缓存home -->
    <!-- include无效的原因是：他是在缓存动态组件时才有用 -->
    <!-- 如果要缓存的是路由出口，要想别的办法 -->
    <!-- 有的路由可能要缓存，有的路由又不要缓存，要不要区分？要区分，如何区分？给路由加标记-->
    <keep-alive>
      <!-- 有缓存标记的从这出来 -->
      <router-view v-if="$route.meta.needKeep"/>
    </keep-alive>


    <!-- 如果没有需要缓存的标记就从这个出口出来，就没有缓存 -->
    <router-view v-if="!$route.meta.needKeep" />
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>